/* 第一层 */
.page-main {
  width: 1024px;
  margin: 0 auto;
}
/* 第二层 */
.form-wrapper {
  width: 450px;
  margin: 0 auto;
}

/* 自定义样式 */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.flex-right {
  justify-content: flex-start;
  margin-left: auto;
}
.flex-left {
  justify-content: flex-end;
  margin-left: auto;
}
.flex-center {
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}
.flex-justify {
  justify-content: space-between;
  align-items: justify;
}
.box-row {
  display: flex;
  flex-direction: row; /*水平*/
}
.box-column {
  display: flex;
  flex-direction: column; /*垂直*/
}
.bold {
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  body {
    position: relative;
    max-width: 750px;
    margin: 0 auto !important;
  }
  .page-main {
    width: 94%;
    max-width: 750px;
    overflow: hidden;
  }
  .form-wrapper {
    width: 100%;
    overflow: hidden;
  }
}
